<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>商品分类</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/invest.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jquery-calendar.css" />
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <link rel="stylesheet" href="../css/chome.css">
    <link rel="stylesheet" href="../css/infopulish.css">
    <link rel="stylesheet" href="../css/zoom.css">
    <script type="text/javascript" src="../lib/jquery-1.9.0.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/jquery-calendar.js"></script>
</head>
<body>
    <div id="header"></div>
    <div class="jkd-mall mg0 wd12 pt-re">
       <!--礼品商城-->
        <div class="mall-top wd12 back-w box-sh">
            <div class="mall-topl fl"></div>
            <div class="mall-topr flr">
                <!--已登录-->
                <div class="mall-logged">
                    <div class="jkdcoin dis-bl fl font20">
                        <div class="jkdcoin-img fl"><img src="../images/jkdcoin.png"></div>
                        <p class="jkd-num fl">金开币<span class="coin-num colred">200</span></p>
                    </div>
                    <div style="clear: both"></div>
                    <a href="myjkd-jkdcoin.html" class="mall-jkdcoin col-lightbl">想获得更多金开币？</a>
                    <div style="clear: both"></div>
                </div>
                <div style="clear: both"></div>
                <a href="help-center.html" class="more-mallinfo flr">了解礼品商城规则 ></a>
            </div>

        </div>
        <!--产品分类-->
        <div class="recommend mall-gifts back-w mg-bt box-sh">
            <p class="recommend-til font16 fl" ><img src="../images/mall/text8.png" ondragstart="return false;"></p>
            <a href="mall-oder.html" class="flr all-gift">查看我的订单 ></a>
            <ul class="recommend-detailtil">
                <li class="border-r"><a  class="colred">综合</a></li>
                <li class="border-r"><a>最新</a></li>
                <li class="border-r">
                    <a>销量</a>
                    <div class="nav-square pt-ab "><img src="../images/mall/nav-square.png"></div>
                    <ul class="svolume" >
                        <li><a>销量从高到低</a></li>
                        <li><a>销量从低到高</a></li>
                    </ul>
                </li>
                <li>
                    <a>价格</a>
                    <div class="nav-square pt-ab "><img src="../images/mall/nav-square.png"></div>
                    <ul class="svolume" >
                        <li><a>价格从高到低</a></li>
                        <li><a>价格从低到高</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <script>
            $().ready(function(){
                $(".recommend-detailtil li").hover(
                   function(){
                    $(this).children(".svolume").show();
                    },
                    function (){
                    $(this).children(".svolume").hide();
                    }
                )
            });
        </script>
        <!--商品列表-->
        <div class="oder-list">
            <div class="gift-aside fl">
                <ul class="gift-type back-w">
                    <li class="border-bot font60">商品分类</li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">全部 (200)</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">电子券 (15)</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">家用电器 (75)</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">居家生活 (10)</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">母婴日化 (100)</span>
                    </li>
                </ul>
                <ul class="gift-type back-w">
                    <li class="border-bot font60">用户分类</li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">普通用户</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">vip专享</span>
                    </li>
                </ul>
                <ul class="gift-type back-w">
                    <li class="border-bot font60">金开币分类</li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">0-100</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">100-200</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">200-300</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">300-500</span>
                    </li>
                    <li>
                        <input type="checkbox">
                        <span class="gift-name">500以上</span>
                    </li>
                </ul>
            </div>
            <div class="gift-asder pt-re back-w box-sh mg-bt flr">
                <ul class="gift-asdeul">
                    <li>
                        <a href="mall-inventedinfo.html" class="smlottery"><img src="../images/lottery-coin.png"></a>
                        <div class="my-assetsinfo">
                            <span class="price-num">50金开币</span>
                            <div style="clear: both"></div>
                            <a class="q-mark fl" title=""><img src="../images/qcoin.png"></a>
                            <p class="coin-log d-colg fl hov-alpha">100 金开币</p>
                            <div style="clear: both"></div>
                            <p class="activ-price">
                                <span class="colred">活动价</span>
                                <span>10</span>
                                <span>金开币</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="mall-inventedinfo.html" class="smlottery"><img src="../images/lottery-other.png"></a>
                        <div class="my-assetsinfo">
                            <span class="price-num">0.5%加息券</span>
                            <div style="clear: both"></div>
                            <a class="q-mark fl" title=""><img src="../images/qcoin.png"></a>
                            <p class="coin-log d-colg fl hov-alpha">100 金开币</p>
                            <div style="clear: both"></div>
                            <p class="activ-price">
                                <span class="colred">活动价</span>
                                <span>10</span>
                                <span>金开币</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="mall-giftinfo.html" class="gift-show"><img src="../images/mall/giftpng1.png"></a>
                        <div class="my-assetsinfo">
                            <span class="price-num">50金开币</span>
                            <div style="clear: both"></div>
                            <a class="q-mark fl" title=""><img src="../images/qcoin.png"></a>
                            <p class="coin-log d-colg fl hov-alpha">100 金开币</p>
                            <div style="clear: both"></div>
                            <p class="activ-price">
                                <span class="colred">活动价</span>
                                <span>10</span>
                                <span>金开币</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="mall-giftinfo.html" class="gift-show"><img src="../images/mall/giftpng3.png"></a>
                        <div class="my-assetsinfo">
                            <span class="price-num">50金开币</span>
                            <div style="clear: both"></div>
                            <a class="q-mark fl" title=""><img src="../images/qcoin.png"></a>
                            <p class="coin-log d-colg fl hov-alpha">100 金开币</p>
                            <div style="clear: both"></div>
                            <p class="activ-price">
                                <span class="colred">活动价</span>
                                <span>10</span>
                                <span>金开币</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="mall-giftinfo.html" class="gift-show"><img src="../images/mall/giftpng1.png"></a>
                        <div class="my-assetsinfo">
                            <span class="price-num">50金开币</span>
                            <div style="clear: both"></div>
                            <a class="q-mark fl" title=""><img src="../images/qcoin.png"></a>
                            <p class="coin-log d-colg fl hov-alpha">100 金开币</p>
                            <div style="clear: both"></div>
                            <p class="activ-price">
                                <span class="colred">活动价</span>
                                <span>10</span>
                                <span>金开币</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="mall-giftinfo.html" class="gift-show"><img src="../images/mall/giftpng1.png"></a>
                        <div class="my-assetsinfo">
                            <span class="price-num">50金开币</span>
                            <div style="clear: both"></div>
                            <a class="q-mark fl" title=""><img src="../images/qcoin.png"></a>
                            <p class="coin-log d-colg fl hov-alpha">100 金开币</p>
                            <div style="clear: both"></div>
                            <p class="activ-price">
                                <span class="colred">活动价</span>
                                <span>10</span>
                                <span>金开币</span>
                            </p>
                        </div>
                    </li>
                </ul>
                <div style="clear: both"></div>
                <!--分页-->
                <div class="jkdPagination">
                    <a class="homePag hov-alpha">首页</a>
                    <a class="jkdpag-l hov-alpha"><img src="../images/jkdpagleft.png"></a>
                    <div class="jkdpag-num">
                        <div>
                            <span class="colred">1</span>
                            <span>/</span>
                            <span>4</span>
                        </div>
                    </div>
                    <a class="jkdpag-r hov-alpha"><img src="../images/jkdpagright.png"></a>
                    <a class="lastPag hov-alpha">尾页</a>
                </div>
            </div>
        </div>

    </div>
    <div style="clear: both"></div>
    <div id="footer">
    </div>
</body>
</html>



